
.text-area {
    -fx-border-width: 1;
}

.text-area:focused {
    -fx-border-style: dashed;
    -fx-border-width: 1;
    -fx-border-color: grey;
}

.text-area:hover{
    -fx-cursor: inherit;
}

/* 透明背景 */
.text-area, .text-area .scroll-pane, .text-area .scroll-pane .viewport, .text-area .scroll-pane .content {
    -fx-underline: true;
    -fx-background-color: transparent;
}

/* 滚动条 */
.text-area .scroll-bar:horizontal, .text-area .scroll-bar:vertical {
    -fx-border-width: 0;
    -fx-background-color: transparent;
}

/* toggle */
#textSetting .toggle-button, #textColorButton {
    -fx-background-color: transparent;
}

#textSetting .toggle-button:hover, #textColorButton:hover {
    -fx-background-color: #ececec;
    -fx-effect: none;
}

#textSetting .toggle-button:selected{
    -fx-background-color: #dcdcdc;
    -fx-border-color: black;
}

#textColorButton {
    -fx-text-fill: red;
    -fx-background-color: transparent;
    -fx-cursor: inherit;
}

#textColorButton:hover, #textColorMenu .menu-item .button {
    -fx-cursor: inherit;
}

#textColorMenu .menu-item, #textColorMenu .menu-item:hover, #textColorMenu {
    -fx-background-color: white;
    -fx-cursor: inherit;
}

#textColorMenu .button, #textColorButton {
    -fx-background-radius: 0;
}

#textColorMenu .button:hover {
    -fx-border-style: solid;
    -fx-border-color: orange;
    -fx-border-width: 1;
}